.bannercontainer{
   position: relative;
   /*overflow: hidden*/
}
.bannerhead {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 300px;
   opacity: 0.7;
   -webkit-filter: blur(5px);
   -moz-filter: blur(5px);
   -ms-filter: blur(5px);
   filter: blur(5px);
}
.bannerbody{
   position: absolute;
   left: 0;
   top: 250px;
}


.club-thumb-container{
   position: relative;
}
.club-thumb{
   position: absolute;
   left: 2%;
   top: 2%;
   width:96%;
   height: 96%;
}
.club-thumb-title{
   position: absolute;
   margin: 5px;
   top: 50%;
   width: 87%;
   height:36%;
   color: white;
}

.grad-v {
    /*height: 200px;*/
    background: -webkit-linear-gradient(rgba(1,1,1,0.2), rgba(0,0,0,1.0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(1,1,1,0.2), rgba(0,0,0,1.0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(1,1,1,0.2), rgba(0,0,0,1.0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(1,1,1,0.2), rgba(0,0,0,1.0)); /* Standard syntax (must be last) */
    color: white;
}
